<template>
  <div>
    <div class="header" v-if="$slots.title">
      <slot name="title"></slot>
    </div>

    <div class="subject" v-for="(item, index) in arr" :key="index">
      <slot name="main" :item="item">
        
      </slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
    },
    arr: {
      type: Array,
      default: () => [],
    },
  },
}
</script>

<style>
</style>
